<template>
  <van-form @submit="onSubmit">
    <van-field
      v-model="editUser.currentValue"
      :name="editUser.editKey" 
      :label="editUser.editName"
      :placeholder="`请输入${editUser.editName}`"
    />
  <!-- </van-cell-group> -->
  <div style="margin: 16px;">
    <van-button round block type="primary" native-type="submit">
      提交
    </van-button>
  </div>
</van-form>

</template>

<script setup lang="ts">
import { useRoute,useRouter } from 'vue-router';
import { ref } from 'vue';
import axiosUrl from '../plugins/myAxios';
import { showSuccessToast, showFailToast } from 'vant';
import { getCurrentUser } from '../services/user';

const route = useRoute();
const router =useRouter();
const editUser = ref( {
    editKey:route.query.editKey,
    editValue:route.query.currentValue,
    editName:route.query.editName,
})

const onSubmit = async () => {
  const currentUser = await getCurrentUser();

  if(!currentUser) {
    showFailToast("用户未登录")
    return;
  }
  const res = await axiosUrl.post("/user/update",{
    'id':currentUser.id,
    [editUser.value.editKey as string]:editUser.value.currentValue,
  })
  if(res.code === 0 && res.data > 0) {
    showSuccessToast('修改成功');
    router.back();
  }
  else {
    showFailToast('修改失败');
  }
};
</script>

<style>

</style>